$(function () {
    const layer = layui.layer
    
    // (1)： 获取用户信息
    initUserInfo()

    // (2): 点击退出 进行退出登录
    // 1. 跳转到登录页面  2. 删除token
   
    $('#logout-btn').on('click', function() {
        // 显示询问框
        layer.confirm('你确定要退出吗', { title: '提示', icon: 3 }, index => {
            // 1. 跳转到登录页面 
            location.href = '/login.html'
            // 2. 删除token
            localStorage.removeItem('BIG_EVENT_TOKEN')
            // 3. 手动关闭弹窗
            layer.close(index)
        })
    })
})

function initUserInfo () {
    // 发送网络请求 获取信息 [该接口需要身份验证（token） token需要放在headers中]
    $.ajax({
        method: 'get', // 请求方式
        url: '/my/userinfo', // 请求地址
    }).then(res => {
        // 验证是否登录
        if (res.status === 1 && res.message === '身份认证失败') {
            // 跳转到登录
            location.href = '/login.html'
            return layer.msg('身份认证失败')
        }
        // 1. 渲染页面元素
        const { username, user_pic } = res.data
        $('.layui-nav .username').html(username)
        if (user_pic) {
            // 有头像
            $('.layui-nav-img').show().attr('src', user_pic)
            $('.face-bg').hide()
        } else {
            // 无头像
            $('.layui-nav-img').hide()
            $('.face-bg').show().html(username[0].toUpperCase())
        }
    })
}

